@rem: 50rem;
* {
  margin: 0;
  padding: 0;
}

body {
  background-color: #f4f4f4;
  font-size: 32/@rem;
}

.item {
  width: 100%;
  height: 170/@rem;
  margin-bottom: 10/@rem;
  background-color: white;

  .divRow{
    padding: 20/@rem 20/@rem 0/@rem 20/@rem;
    margin-bottom: 30/@rem;
  }
  .spanLeft{
    float: left;
    height: 30/@rem;
    line-height: 30/@rem;
  }
  .spanRight{
    float: right;
    height: 30/@rem;
    line-height: 30/@rem;
  }
  .spanMark{
    background-color: #FFFFFF;
    color: #DE9761;
  }

  .setFontColor{
     color: #8b8b8b;
   }

  .setFontSize{
    font-size: 28/@rem;
  }
  .key-icon{
    width: 25/@rem;
    margin-top: -5/@rem;
    float: left;
  }

  .date-icon{
    width: 30/@rem;
    float: left;
  }
  .details-date{
    display: block;
    //margin-top: -10/@rem;
    margin-left: 10/@rem;
    font-size: 24/@rem;
    color: #666666;
    float: left;
  }
  .community{
    display: block;
    //margin-top: -10/@rem;
    float: left;
    font-size: 30/@rem;
    color: #666666;
    margin-left: 20/@rem;
  }
}
